.cd-search{
    /*border: 1px solid red;*/
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
    position: relative;
}
.cd-search .top{
    position: absolute;
    top: 0;
    width: 100%;
}
.cd-search .top .bg {
	position: absolute;
	right: 0;
	top: 0;
	width: 95%;
	height: 40%;
	filter: blur(60px);
}
.cd-search .top .bg img{
	display: block;
	width: 100%;
/*	height: 100%;*/
}
.cd-search .top>p{
    color: #666666;
    font-size: 13px;
}
.cd-search .top>div{
    width: 100%;
    height: 202px;
    /*border: 1px solid green;*/
    margin-top: 20px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.cd-search .top>div img{
    width: 200px;
    height: 200px;
    border: 1px solid #DDDDE1;
}
.cd-search .top>div span:nth-child(2){
    font-size: 18px;
    position: absolute;
    left: 220px;
    top: 10px;
}
.cd-search .top>div span:nth-child(3){
    position: absolute;
    left: 220px;
    top: 50px;
    color: #666666;
     font-size: 14px;
    color: #A19C9C;
}
.cd-search .top>div span:nth-child(3)>span {
    color: #1A5A99;
}
.cd-search .top>div span:nth-child(4){
    position: absolute;
    left: 220px;
    top: 80px;
     font-size: 14px;

}
.cd-search .top>div span:nth-child(5){
    position: absolute;
    left: 220px;
    top: 127px;
    font-size: 14px;
    color: #A19C9C;
    height: 68px;
    line-height: 38px;
    width: 300px;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
}
.cd-search .top>div>ul{
	position: absolute;
	left: 220px;
	top: 84px;
	min-width: 360px;
}
.cd-search .top>div>ul li{
	float: left;
	border: 1px solid #CAC9CC;
	height: 26px;
	margin-right: 9px;
	background-color: rgba(246,244,244,.5);
}
.cd-search .top>div>ul li a{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 26px;
	color: #000;
	font-size: 14px;
	padding: 0 10px;
}
.cd-search .top>div>ul li a{
	display: block;
}

.cd-search .top>div span span{
    color: #666666;
}
.cd-search .main{
    width: 100%;
    position: absolute;
    top: 300px;
    bottom: 0;
    /*overflow-y: auto;*/
}
.cd-search .main>div{
    /*display: none;*/
    width: 100%;
    height: 100%;
	overflow-y: auto;
}
.cd-search .top .mid {
	width: 100%;
	font-size: 14px;
}
.cd-search .top .mid span:nth-child(1) {
	margin-left: 10px;
	padding-right: 15px;
	border-right: 1px solid #E4E4E8;
}
.cd-search .top .mid span:nth-child(1) i {
    color: #C32C3A;
    margin-right: 5px;
}
.cd-search .top .mid span:nth-child(2) {
	padding-left: 15px;
}

/*.cd-search .cd-songList>ul{
    margin-top: 15px;
}*/
.cd-search .cd-songList>ul li:nth-child(odd){
    background-color: #F4F4F6;
}
/* .cd-search .cd-songList>ul li:nth-child(even):hover {
	background-color: #F4F4F6;
} */
.cd-search .cd-songList>ul li{
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: relative;
    cursor: pointer;
    font-size: 14px;
}
.cd-search .cd-songList>ul li.active{
    background-color: #DEDEE0;
}
.cd-search .cd-songList>ul li .index{
	position: absolute;
    left: 2%;
}
.cd-search .cd-songList>ul li .name{
	position: absolute;
    left: 5%;
	font-size: 14px;
	max-width: 40%;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.cd-search .cd-songList>ul li .name>span{
	color: #999;
}
.cd-search .cd-songList>ul li .name .mv{
	margin-left: 5px;
    color: #B52E2E;
    font-size: 20px;
}
.cd-search .cd-songList>ul li .music-list-mid{
	position: absolute;
	left: 48%;
	color: #000;
	display: none;
}
.cd-search .cd-songList>ul li .music-list-mid .icon-bofang{
	padding: 10px;
}

.cd-search .cd-songList>ul li .singer{
	position: absolute;
    left: 55%;
	color: #AAAAAB;
	max-width: 18%;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.cd-search .cd-songList>ul li .time{
	position: absolute;
	left: 81%;
	color: #AAAAAB;
}
.cd-search .cd-songList>ul li .hotNum {
	position: absolute;
	left: 91%;
	color: #AAAAAB;
}
.cd-search .cd-songList>ul li .sq{
	position: absolute;
	left: 98%;
	color: #FE672E;
}
